<!DOCTYPE html>
<html lang="en">
<head>
[#include "/customer/include/static.htm"]
<link href="${path}/resources/css/member.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${path}/resources/js/jquery.form.js"></script>
<script type="text/javascript" src="${path}/resources/plug/layer/layer.js"></script>
    <link type="text/css" href="${path}/resources/css/user/safetyCent.css" rel="stylesheet"/>
    <link href="${path}/resources/css/member.css" rel="stylesheet" type="text/css"/>
    <link href="${path}/resources/css/member/main.css" rel="stylesheet" type="text/css"/>
    <link href="${path}/resources/css/member/safety.css" rel="stylesheet" type="text/css"/>
    <script src="${path}/resources/plug/layui/layui.js" type="text/javascript"></script>
    <link href="${path}/resources/plug/layui/css/layui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
	function changeBankCard(){
		layer.open({
			type: 2,
			title: false,
			shadeClose: true,
			shade: 0.8,
			area : [ '774px;', '552px' ],
			content: '${path}/member/account/edit' //iframe的url
		});
	}
</script>
<style>
    /*已添加银行卡*/
    .safe-bank-list{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:381px;
        height: 207px;background:url(/resources/images/bank_bg.png) no-repeat;font-size:14px;margin:30px 0 0 0;}
    .safe-bank-list p{position:relative;padding-top: 20px;}
    .safe-bank-list img{width:20px;vertical-align:middle;margin:0 10px 0 10px;}
    .safe-bank-list p i{color:#fff;font-size:16px;}
    .safe-bank-list p a{color:#fff;font-size:16px;position:absolute;right:10px;}
    .safe-bank-list p a:hover{color:#333;}
    .safe-bank-list em{padding-top:80px;display: block;font-size: 22px;color:#fff;
        text-align: center;}
    .safe-bank-list-bg .no{margin-top:35px;color:#848484;}
    .safe-bank-list-bg .no a{color:#ff8e3a;}
</style>

<body>
<!--头部-->
[#include "/customer/include/header.ftl"]
[#include "/customer/include/member_menu.ftl"]
<div class="safe-bg">
    <div class="safe-wrap">
        <div class="safe-tab" id="safe-tab">
            <ul>
                <a href="${path}/member/ucenter/safe"> <li >账户信息</li></a>
                <li class="active">我的银行卡</li>
            </ul>
        </div>
        <div class="safe-tab-cont" id="safe-tab-cont">
            <div class="safe-tab-box">
                <div class="safe-bank-list" >
                    <p>
                        <i style="margin-left:10px;"> ${(bankCard.bank)!''}</i><a href="javascript:changeBankCard()"> [#if ((bankCard.status)!'') == 1]换绑[#else]绑定[/#if]</a></p>
                    <em>[#if  bankCard?? && bankCard.bank_cardno??]
								${"<b>**** **** **** </b>" + bankCard.bank_cardno?substring(bankCard.bank_cardno?length-5) }
							[/#if]</em>
                </div>
                <div class="no">如未开通银联在线支付，<a href="https://user.95516.com/pages/login/index.html">点这里开通</a></div>

            </div>
        </div>
    </div>
</div>
<!--主体 end-->
[#include "/customer/include/footer.ftl"]

</body>
</html>